<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=UTF-8" %>
<%@include file="/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>积分记录</title>
<link type="text/css" rel="stylesheet" href='${staticRSC["css/haoyao.css"]}' />
<link type="text/css" rel="stylesheet" href='${staticRSC["css/ucenter/ucenter_new.css"]}' />
<script type="text/javascript" src='${staticRSC["js/haoyao2.js"]}'></script>
</head>

<body>
<div class="recharge-record">
	<ul class="hd cf">
		<li><a href="/integral/index.html" target="_blank">兑 换</a></li>
        <li><a href="/property/integral.html">消费记录</a></li>
        <li class="cur"><a href="javascript:void(0)">获取记录</a></li>
	</ul>
	<div class="bd">
		<p class="balance">积分账户余额：<span class="num">${integralBalance}</span></p>
		<table class="table-titles" width="100%">
            <colgroup>
                <col width="154px" />
                <col width="200px" />
                <col width="180px" />
                <col width="154px" />
            </colgroup>
            <tr>
                <td class="no-border">时间</td>
                <td>积分</td>
                <td>消费类型</td>
                <td>备注</td>
            </tr>
        </table>
		<table class="table-bodys" width="100%" id="table_bodys">
			<c:choose>
			<c:when test="${null == integralRecordList || integralRecordList.isEmpty()}">
				<tr>
	                <td colspan="4" align="center">暂无积分记录</td>
	            </tr>
			</c:when>
			<c:otherwise>
				<colgroup>
			        <col width="155px" />
			        <col width="202px" />
			        <col width="182px" />
			        <col width="154px" />
		        </colgroup>
				<c:forEach items="${integralRecordList}" var="record">
					<tr>
					    <td class="no-border">${ucenter:dateFormat(record.integralTime,"yyyy-MM-dd HH:mm:ss") }</td>
					    <td>${record.integralNum}</td>
					    <td>${record.type == null ? '' : integralRecordTypeMap.get(record.type)}</td>
					    <td>${record.remark}</td>
				    </tr>
				</c:forEach>
			</c:otherwise>
			</c:choose>     
        </table>
	</div>
	
<c:if test="${null != integralRecordList && !integralRecordList.isEmpty()}">
	 <div class="ft cf">
        	<script>
        		var pageObject = {
					url:"${UCENTER_WEBSITE}/property/integralRecord.html"
				};
        	</script>
        	<%@include file="/inc/pagination.jsp"%>
        </div>
</c:if>
</div>
</body>
<script type="text/javascript" src='${staticRSC["js/propertyside.js"]}'></script>
</html>